/* massage150 css */

/* global tags */
form			{ margin: 0px; padding: 0px }
a			{ color: darkblue; text-decoration: none; }
a:hover			{ font-weight: bold; text-decoration: none; }
table			{ border-collapse: collapse; empty-cells: show; }
thead th		{ font-weight: normal; font-style: italic; font-size: 85%; text-align: center; }
tbody th		{ font-weight: normal; font-style: italic; font-size: 85%; text-align: right; padding: 0px 3px 0px 5px; }
span.th			{ display: inline-block; font-weight: normal; font-style: italic; font-size: 85%;
			  text-align: right; padding: 0px 3px 0px 5px; }
label			{ font-weight: normal; font-style: italic; font-size: 85%; white-space: nowrap; }
span.td			{ display: inline-block; width: 60%; text-align: left; }
td			{ padding: 1px 2px; text-align: left; white-space: nowrap; }
ul			{ text-align: left; margin: 3px 0px; padding-left: 18px }
input[type='text']	{ width: 100%; }
input[type='date']	{ width: 92px; text-align: center; }
input[type='time']	{ width: 60px; text-align: center; }
input[type='number']	{ width: 50px; text-align: right; padding-right: 2px; }
input[type='number'].money		{ width: 50px; }
tbody tr:nth-child(odd)	 { background-color: rgba( 170, 170, 170, 0.1); }
tbody tr:nth-child(even) { background-color: rgba( 204, 204, 204, 0.2); }
thead			{ background-color: rgba( 204, 204, 204, 0.2); }

/* data */
td.money, span.money	{ padding-left: 3px; padding-right: 6px; font-weight: bold; }

/* sorting classes */
th.sortAsc1		{ text-shadow:   2px  2px 3px white; }
th.sortAsc2		{ text-shadow:   2px  2px 3px #cff; }
th.sortDesc1		{ text-shadow:  -2px -2px 3px white; }
th.sortDesc2		{ text-shadow:  -2px -2px 3px #cff; }

/* global classes */
*.c			{ text-align: center; }
*.l			{ text-align: left; }
*.r			{ text-align: right; }
*.z06			{ font-size: 60%; }
*.z07			{ font-size: 70%; }
*.z08			{ font-size: 80%; }
*.z09			{ font-size: 90%; }
*.z11			{ font-size: 110%; }
*.z12			{ font-size: 120%; }
*.b			{ font-weight: bold; }
*.i			{ font-style: italic; }
*.u			{ text-decoration: underline; }
*.nbk			{ white-space: nowrap; }
*.pl			{ padding-left: 6px; }
*.pr			{ padding-right: 6px; }

/* popup */
*			{ -webkit-transition: opacity 0.2s ease-in-out; 
			  -moz-transition: opacity 0.2s ease-in-out; }
*[disabled="true"]	{ opacity: 0.4; }
#coverup		{ position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 900; background-color: #202; opacity: 0.2; }
#popup			{ position: absolute; top: 50px; left: 50px; z-index: 999; background-color: #ddffaa; width: auto;
			  font-size: 14px; font-family: sans-serif; text-align: center; padding: 6px;
			  box-shadow: 3px 2px 2px blue;  border: 2px solid darkblue; border-radius: 6px;
			  -webkit-transition: box-shadow 0.5s ease-in-out; 
			  -moz-transition: box-shadow 0.5s ease-in-out; 
			  -webkit-transition: background-color 0.5s ease-in-out; 
			  -moz-transition: background-color 0.5s ease-in-out; }
#popup:hover		{ box-shadow: 3px 2px 9px blue; background-color: #ccff99; }
#popup input:not([type='checkbox']):not([type='radio'])		{ margin-left: 3px; }
#popup button	{ width: 48%; margin: 2px; } 
#popup h4		{ color: darkred; font-family: serif; font-size: 18px; text-align: left; margin: 3px; }
#popup div.data	{ text-align: right; padding-right: 8px; }

/* hover menu */
#hover			{ position: absolute; z-index: 999; background-color: transparent; }
#hover div		{ position: relative; top: -10px; right: -15px; margin: 0px; padding: 3px; font-size: 11px; background-color: white;
			  box-shadow: 2px 1px 1px blue;  border: 1px solid darkblue; border-radius: 6px; }
#hover div ul		{ padding-left: 13px; margin: 0px; }
#hover li		{ padding: 0px; margin: 0px; border: 1px solid white; }
/* #hover li:nth-child(odd) { background-color: #eee; border-color: #eee; } */
#hover li:hover		{ border: 1px solid #aaa; background-color: #eee; }
#hover li a:hover	{ font-weight: normal; }


body			{ margin: 0px; padding: 0px 5px 0px 3px; }
body			{ background: -webkit-gradient( linear, 0% 0%, 100% 0%, from(#999), to(#999), color-stop(.3,#333)); }
body			{ background: -moz-linear-gradient( left, #a99, #555, #333, #333, #555, #99a ); }
#title			{ font-family: serif; font-size: 40px; text-align: center; font-weight: bold; text-shadow: 2px 2px 3px white; margin: 3px; }

#menu		{ text-align: center; margin: 10px 0px; padding: 0px; background-color: inherit; }
#menu a		{ display: inline-block; font-size: 18px; text-decoration: none; padding: 0px;
			  color: white; font-weight: bold; font-family: sans-serif; text-align: center;
			  text-shadow: 2px 2px 2px darkred; margin: 0px 5px;
			  -webkit-transition: -webkit-transform ease-in-out 500ms; 
			  -moz-transition: -moz-transform ease-in-out 500ms; 
			  -webkit-transform: rotate(0deg); 
			  -moz-transform: rotate(0deg); }
#menu a:hover	{ -webkit-transform: rotate(-6deg);
			  -moz-transform: rotate(-6deg);
			  text-decoration: none; }

#content		{ display: inline-block; color: black; font-family: sans-serif; font-size: 11px; }
#content > h2		{ color: darkred; font-family: serif; font-size: 18px; text-align: left; margin: 3px; }
h2 a			{ color: darkred; }
h2 a:hover		{ text-decoration: underline; }
#content input[type='checkbox'] { width: 30px; }

